<template>
	<view class="notice">
		<view class="title">
			{{detail.titile}}
		</view>
		<view class="sender">
			{{detail.sender}}
		</view>
		<view style="width: 100%;word-break:break-all">
			<rich-text :nodes="detail.msgContent"></rich-text>
		</view>
		
	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow,
		onPullDownRefresh
	} from '@dcloudio/uni-app'
	import userApiService from '@/api/user';
	import {
		ref
	} from 'vue';
	const detail = ref({})
	onLoad((e) => {
		const n_id = e.id
		userApiService.getAnnountCementList().then(res => {
			const list = res.records
			list.map(item => {
				if (item.id === n_id) {
					detail.value = item
				}
			})
		})
	})
</script>

<style lang="scss">
	.notice {
		padding: 20rpx;
		background-color: #fff;
	}

	.title {
		font-size: 20px;
		color: #000;
	}

	.sender {
		font-size: 14px;
		color: #999;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
	}
</style>